<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>游戏-</title>
    <link href="../static/css/public.css" rel="stylesheet">
    <link rel="stylesheet">
    <script src="../static/js/jquery-2.1.3.min.js"></script>
    <script src="../static/js/swiper-3.3.1.min.js"></script>
    <link href="../static/css/swiper.min.css" rel="stylesheet">
  </head>
  <body id="listPage">
    <div class="search-box"><img src="../static/img/l.png" class="list-btn">
      <div class="title">游戏网</div><img src="../static/img/s.png" class="search-btn">
    </div>
    <div class="content">
      <div class="tabs"><a href="###">首页</a><a href="###">推荐</a><a href="###">最新</a><a href="###" class="active">排行</a><a href="###">分类</a>
      </div>
      <div>
        <div class="list1">
          <div class="dt-box">类型：</div>
          <div class="dd-box"><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###" class="active">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a><a href="###">全部</a>
          </div>
        </div>
      </div>
      <div>
        <div class="list1">
          <div class="dt-box">排序：</div>
          <div class="dd-box"><a href="###" class="color-type2">最新</a><a href="###" class="color-type2">最热</a></div>
        </div>
      </div>
      <div class="list2">
        <ul>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
          <li><a href="###">开始游戏</a>
            <div class="info-box"><img src="../static/img/demo5.png">
              <div class="text-box"><span>地下城与勇士</span><span class="color-type1">类型：角色扮演</span><span class="color-type1">评分：<strong class="color-type2">8.0</strong></span></div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>